@import 'base';
li{
    list-style: none;
}
.jlg_slideshow{  
    position: relative;
    .jlg_slideshow_top_list{
          height: 34px;
            li{
                height: 34px;
                position: relative;
                a{
                    color: rgb(68,68,68);
                    display: block;
                    height: 34px;
                    text-align: center;
                    line-height: 34px;
                    text-decoration: none;
                }
                span{
                    font-size: 14px;
                    color: rgb(207,204,213);
                    position: absolute;
                    top: 9px;
                    right: 0px;
                }
            }
            li:nth-child(1){
                a{
                  color: rgb(233,20,86);
                    width: 100px;
                }
            }
            li:nth-child(2),li:nth-child(3),li:nth-child(4){
                a{
                    width: 100px;
                }
                span{
                    right: -6px;
                }
            }
            
        }
        .line{
            height: 34px;
            position: absolute;
            top: 0;
            right: 180px;
            line-height: 34px;
            span:nth-child(1){
                font-size: 12px;
                margin-right: 6px;
            }
            span:nth-child(2){
                font-size: 12px;
                b{
                     color: rgb(233,20,86);
                }
               
            }
        } 
}
//商品信息
.jlg_details{
    height: 515px;
    .jlg_details_box{
        width: 1190px;
        height: 515px;
        margin: 0 auto;
        margin-top: 30px;
        position: relative; 
        .jieshao{
            width: 740px;
            height: 360px;
            position: absolute;
            top: 0;
            left: 420px;
            .wenzi{
                width: 563px;
                height: 36px;
                line-height: 36px;
                font-size: 20px;
            }
            .price{
                width: 740px;
                height: 80px;
                background: rgb(238,238,238);
                .jiali,.score{
                    width: 130px;
                    height: 40px;
                    text-align: center;
                    line-height: 40px;
                    font-size: 14px;
                    margin-right: 30px;
                    margin-left: 20px;
                }
                .pn{
                    width: 128px;
                    height: 48px;
                    font-size: 22px;
                    color: rgb(233,20,86);
                }
                .scoretxt{
                    height: 48px;
                    line-height: 48px;
                    font-size: 14px;
                    margin-left: 10px;
                    span{
                        color: rgb(233,20,86);
                    };
                }
            }
            .chi{
                width: 710px;
                height: 54px;
                border-bottom: 1px solid #CCCCCC;
                font-size: 12px;
                line-height: 54px;
                margin-left: 20px;
                .txt2{
                    margin-left: 45px;
                }
            }
            .num{
                width: 260px;
                height: 40px;
                position: relative;
                .num1{
                    font-size: 12px;
                    margin-left: 20px;
                    position: absolute;
                    top: 10px;
                    left: 0;
                }
                .num2{
                    width: 130px;
                    height: 40px;
                    margin-left: 88px;
                    position: absolute;
                    top: 5px;
                    left: 0;
                    .jian,.add{
                        width: 24px;
                        height: 24px;
                        background: rgb(238,238,238);
                        text-align: center;
                        line-height: 24px;
                        border-radius: 50%;
                        cursor: pointer;
                        float: left;
                    }
                    .num2txt{
                        width: 47px;
                        height: 24px;
                        float: left;
                        text-align: center;
                        line-height: 24px;
                    }
                }
            }
        }  
        .joincart{
            width: 176px;
            height: 32px;
            background: rgb(226,19,87);
            position: absolute;
            top: 367px;
            left: 420px;
            text-align: center;
            line-height: 32px;
            color: white;
            cursor: pointer;
        }  
        .joincart:hover{
            background: rgb(204,28,35);
        } 
        .bigimg{
            width: 400px;
            height: 400px;
            border: 1px solid #ccc;
            position: relative;
            img{
                width: 400px;
                height: 400px;
                position: absolute;
            }
            .filter{
                width: 200px;
                height: 200px;
                background: yellow;
                opacity: 0.5;
                position: absolute;
                top: 0;
                left: 0;
                z-index: 999999999999999;
                display: none;
            }
        }
        .smallimg{
            width: 410px;
            height: 71px;
            li{
                width: 60px;
                height: 60px;
                border: 1px solid black;
                margin: 10px;
                padding: 3px;
                float: left;
                img{
                    width: 60px;
                    height: 60px;
                }
            }
        }
        .largeimg{
            width: 500px;
            height: 500px;
            position: absolute;
            top: 0;
            left: 400px;
            overflow: hidden;
            display: none;
            z-index: 9999999999999;
            img{
                width: 700px;
                height: 700px;
                position: absolute;
            }
        }
        .bigimg:hover .filter{
            display: block;
        }
        .bigimg:hover .largeimg{
            display: block;
        }
    }
}
